$(function(){
    // 初始化第一章图片和第一个按钮
    $('.picShow li').first().show();
    $('.number li').first().addClass('active');

    // 鼠标经过按钮添加背景并控制图片轮播
    $('.number li').mouseover(function(){
       $(this).addClass('active').siblings().removeClass('active');
       var num = $(this).index();
       i = num;
       $('.picShow li').eq(num).fadeIn().siblings().fadeOut();
    });
    // 设置定时器实现自动轮播
    var i = 0;
    var time = setInterval(moveRight,3000);
    function moveRight(){
        i++;
        if(i == 3){
            i = 0;
        }
        $('.number li').eq(i).addClass('active').siblings().removeClass();
        $('.picShow li').eq(i).fadeIn().siblings().fadeOut();
    }
    function moveLeft(){
        i--;
        if(i == -1){
            i = 2;
        }
        $('.number li').eq(i).addClass('active').siblings().removeClass();
        $('.picShow li').eq(i).fadeIn().siblings().fadeOut();
    }
    //鼠标放在mian的div上时，取消定时器；
    $('.main').hover(function(){
        clearInterval(time);
    },function(){
        time = setInterval(moveRight,3000);
    });

    $('.left').click(function(){
        moveLeft();
    });
    $('.right').click(function(){
        moveRight();
    });

});
